<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>奇准CRM客户管理系统</title>
    <style>
        .app-main{
            height: calc(100% - 64px);
        }
        .app-main .divTmp{
            width: 100%;
            height: 100%;
        }
        .c_iframe {
            width: 100%;
            height: 100%;
            border: 0;
            overflow: hidden;
        }
        a {
            text-decoration: none; /*去掉下划线*/
            color: black;
        }
        a:hover {
            color: blue;
        }
        img{
            width: 120px;
            height: 120px;
            padding: 30px 30px 30px 30px;
        }
    </style>

</head>
<body>
<script src="js/axios-0.18.0.js"></script>
<script src="js/vue.js"></script>
<script src="element-ui/lib/index.js"></script>
<link rel="stylesheet" href="element-ui/lib/theme-chalk/index.css">

<div id="app" >
    <el-container style="height: 700px; border: 1px solid #eee">
        <!--    导航栏-->
        <el-aside width="200px" style="background-color: rgb(238, 241, 246)">
            <div style="background-color: white">
                <img src="tu.jpg">
            </div>

            <el-menu>
                <div v-for="item in menuList">
                    <el-submenu v-if="item.children && item.children.length>0">
                    </el-submenu>
                    <el-menu-item >
                        <a  :href="item.url" target="aaa">{{item.name}}</a>
                    </el-menu-item>
                </div>
            </el-menu>
        </el-aside>
        <el-main>
            <div>
                <iframe src="kehu.html"
                        name="aaa"
                        frameborder="0"
                        width="100%"
                        height="700px"
                        v-show="loading">
                </iframe>
            </div>
        </el-main>
    </el-container>
</div>
<script>
    new Vue({
        el:"#app",
        data(){
            return{
                menuList:[
                    {
                        id: '2',
                        name: '客户管理',
                        url: "kehu.html",
                    },
                    {
                        id: '3',
                        name: '客户追加管理',
                        url: "zhuijia.html",
                    }
                ],
                iframeUrl: "kehu.html",
                loading: true,
            }
        },

    })
</script>

</body>
</html>